<div class="policy-matrix">
  <div class="news-title">
    <h2>政策矩阵</h2>
    <div>POLICY MATRIX</div>
  </div>
  <nz-spin [nzSpinning]="isSpinning">
    <div class="matrix-total">
      <div class="matrix-item" *ngFor="let block of matrixBlockTop">
        <div class="item-title">
          <div class="title-left">
            {{block.title}}
          </div>
          <!--        <div class="title-right">-->
          <!--          查看更多 >>-->
          <!--        </div>-->
        </div>
        <div class="item-content">
          <div class="item-block" *ngFor="let content of block.contentBlock;index as i"
               routerLink="/policy-analysis-chart"
               [queryParams]="{name: content.text}">
            <img [src]="content.imgSrc"/>
            <span>{{content.text}}</span>
          </div>
        </div>
      </div>
      <div class="matrix-item" *ngFor="let block of matrixBlockBottom">
        <div class="item-title">
          <div class="title-left">
            {{block.title}}
          </div>
          <!--        <div class="title-right">-->
          <!--          查看更多 >>-->
          <!--        </div>-->
        </div>
        <div class="item-content">
          <div class="item-block" *ngFor="let content of block.contentBlock;index as j"
               (click)="negativeTo(content.id,j)">
            <img [src]="content.imgSrc"/>
            <span>{{content.text}}</span>
          </div>
        </div>
      </div>

    </div>

  </nz-spin>

</div>
